type Props = {
  onGetMsg: (msg: string) => void
}

function Sub(props: Props) {
  const { onGetMsg } = props
  const clickHandler = () => {
    onGetMsg('123')
  }
  return <button onClick={clickHandler}>get message</button>
}

function App() {
  const msgHandler = (msg: string) => {
    alert(msg)
  }
  return (
    <div>
      <p>this is app</p>
      <p>
        <Sub onGetMsg={msgHandler}></Sub>
      </p>
    </div>
  )
}

export default App
